<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Ralph Enciso</title>

    <link href="https://fonts.googleapis.com/css?family=Montserrat|Raleway|Roboto" rel="stylesheet">

    <link rel="stylesheet" href="css/style.css">
    
</head>
<body>

<div class="container">

    <div class="navFlex">
    <div class="navigation">    
        <div class="navHeader">
            <div class="imageFrame"><img src="images/profile.jpg" alt="pic"></div>
            <figcaption> Ralph Enciso</figcaption>
            <div class="navToggle"><div></div></div>
        </div>

        <nav class="nav" id="nav">
            <ul class="navul">
                <li><a href="#aboutMe">ABOUT ME</a></li>
                <li><a href="#experience">EXPERIENCE</a></li>
                <li><a href="#projects">PROJECTS</a></li>
                <li><a href="#">SKILLS</a></li>
                <li><a href="#">CONTACT</a></li>
            </ul>
        </nav>
        
        <div class="navSlide"><img src="images/back-arrow-w.png" alt=""></div>
    </div>
    </div>

    <div class="bgContainer"></div>

    <div class="contentsContainer">
        
        <div class="flexitem">
        <div id="aboutMe">

            <div class='abtMeHead'>
                <h1> Hi, I'm Ralph.</h1>
                <h2>I am an accountant turned developer.</h2> 
            </div>  
            
            <div id='lineBreak'></div>
            
            
            <p class='abtMeText'> 
                I have worked in Finance and Accounting for around 8 years before finally deciding to try a career in development. <br>
                At 27 years old, I am reinventing my self, beginning as a web developer. <br>
                There is so much to learn and catching-up is a challenge. <br> 
                But as they say every long journey starts with a single step.<br> 
                For me, building this page is that first step forward.<br>
                
                <span id='moreText'>
                    I started coding with Excel's VBA (Visual Basic for Applications) and developed some simple tools for daily use.<br> 
                    
                    I enjoy building these tools and finding better ways to do things.<br>
                    
                    The best part however is in sharing what I created and helping others solve their problems. <br> 
                    
                </span>
            </p>

            <button class="sMore">Show more . . .</button>
            
            
        </div>
        </div>



        <div class="flexitem" >
            <div class="Experience">

                <h1 class="sHeader">EXPERIENCE</h1>

                <div class="expFinance expItem">
                    <h2>As an Accountant</h2>
                    <div class="iContainer"><a href="#"><img src="images/fin.png" alt=""></a></div>
                </div>

                <div class="expDev expItem">
                        <h2>As a Web Developer</h2>
                        <div class="iContainer"><a href="#"><img src="images/web dev.png" alt=""></a></div>
                </div>

            </div>
        </div>  

        <div class="flexitem">
            <div class="Projects">
            <h1 class="sHeader">PROJECTS</h1>
                <div class="pContainer">
                    <div class="pItem"></div>
                    <div class="pItem"></div>
                    <div class="pItem"></div>
                    <div class="pItem"></div>
                    <div class="pItem"></div>
                    <div class="pItem"></div>
                </div>

            </div>
        </div>


    
    </div>



    <div style="height: 3000px"></div>
</div>





<script src="js/jquery.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
    crossorigin="anonymous"></script>

<script src="js/script.js"></script>

</body>
</html>